<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/style_m.css" />
		<link rel="stylesheet" href="css/iconfont_m.css" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<style>
			body{position:relative;background:#1a1a1a;}
			.mui-search{position:absolute;top:10px;z-index:1000;margin-left:15%;width:70%;}
			.mui-search input[type=search]{background-color:rgba(0,0,0,0.5);}
			.mui-search .mui-placeholder .mui-icon{color:#fff;}
			.mui-search #search{color:#fff;}
			.mui-search .mui-placeholder{color:#fff;}
			.mui-search.mui-active:before{color:#fff;}
			.mui-content{padding:20px;background:#1a1a1a;}
			.mui-table-view:before,.mui-table-view:after{height:0;}
			.mui-table-view .mui-active,.mui-table-view .mui-table-view-cell a.mui-active{background:none;}
			.mui-slider-indicator .mui-active.mui-indicator{background:#FBED21;}
			/*商品数量增加*/
			.mui-numbox{background:#fff;border:none;width:110px;height:25px;display:inline-flex;justify-content: flex-end;}
			.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn]{background:#fff;width:38px;}
			.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input{border:none!important;}
			.mui-btn.mui-active:enabled, .mui-btn:enabled:active, button.mui-active:enabled, button:enabled:active, input[type=button].mui-active:enabled, input[type=button]:enabled:active, input[type=reset].mui-active:enabled, input[type=reset]:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active{color:#f90;background:#fff;}
			input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{background:#f90;color:white;}
			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object{height:120px;overflow: hidden;}
		</style>
	</head>

	<body>
		<!--轮播图-->
		<div id="slider" class="mui-slider" >
			<div class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="images/yuantiao.jpg">
					</a>
				</div>
				<!-- 第一张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="images/shuijiao.jpg">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="images/muwu.jpg">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="images/cbd.jpg">
					</a>
				</div>
				<!-- 第四张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="images/yuantiao.jpg">
					</a>
				</div>
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="images/shuijiao.jpg">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>
		<!--搜索栏🔍-->
		<div class="mui-input-row mui-search" id="do_search">
			<input type="search" id="keyword" class="mui-input-clear" placeholder="请输入关键词">
		</div>
		<div class="mui-content">
		<!--分类、订单中心-->
			<div class="allorder_m">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="javascript:;" id="classification">
							<span class="mui-icon iconfont icon-quanbufenlei"></span>
							<p>全部分类</p>
						</a>
					</li>
					<!--中间竖线-->
					<li class="mui-table-view-cell shuxian"></li>
					<li class="mui-table-view-cell">
						<a href="javascript:;" id="shopping_cart">
							<span class="mui-icon iconfont icon-gouwuche"></span>
							<p>购物车</p>
						</a>
					</li>
					<!--中间竖线-->
					<li class="mui-table-view-cell shuxian"></li>
					<li class="mui-table-view-cell">
						<a href="javascript:;" id="orderall_m">
							<span class="mui-icon iconfont icon-iconfontyunyingpingtai06"></span>
							<p>订单中心</p>
						</a>
					</li>
				</ul>
			</div>	
		<!--公告-->
		<div>
			<ul class="mui-table-view gg mr20">
				<li class="mui-table-view-cell gg_mall" id="shangcheng">
					<h4>商城</h4>
					<span><a href="javascript:;">公告</a></span>
				</li>
				<li class="mui-table-view-cell shuxian"></li>
				<li class="mui-table-view-cell gg_list" id="gg_list">
					<!--<div>
						<span>公告</span>
						<h5 class="mui-ellipsis">标题</h5>
					</div>-->
					<div>
						<span>公告</span>
						<h5 class="mui-ellipsis">标题</h5>
					</div>
				</li>
			</ul>
		</div>
		<!--推荐专区-->
			<div class="tuijian">
				<!--推荐标题-->
				<div class="tuijian_title">
					<li class="mui-table-view-cell">
		                <a>
		                    <!--<span class="mui-pull-right">查看更多</span>-->
		                    <span class="shuxian2"></span>
		                    <span class="mui-pull-left">推荐专区</span>
		                </a>
		            </li>
				</div>
				<!--推荐列表-->
				<div class="tuijian_list" id="tuijian">
					<div class="mui-scroll">
					<ul class="mui-table-view tuijian">
						<!--<li class="mui-table-view-cell mui-media">
							<a id="products">
								<img class="mui-media-object mui-pull-left" src="images/prc.png">
								<div class="mui-media-body mui-ellipsis">
									韩国全南蜂蜜柚子茶580g
									<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
									<h2>
										<div><font>￥<b>12.90</b></font><span>/个</span></div>
										<!--商品数量增加--
										<div class="mui-numbox" data-numbox-min='0' data-numbox-step='1'>
											<button class="mui-btn-numbox-minus" type="button">-</button>
											<input class="mui-input-numbox" type="number" />
											<button class="mui-btn-numbox-plus" type="button">+</button>
										</div>
									</h2>
								</div>
							</a>
						</li>-->
						
					</ul>
					</div>
				</div>
			</div>
		<!--促销专区-->
			<div class="promotion">
				<!--促销标题-->
				<div class="tuijian_title">
					<li class="mui-table-view-cell">
		                <a>
		                    <!--<span class="mui-pull-right">查看更多</span>-->
		                    <span class="shuxian2"></span>
		                    <span class="mui-pull-left">促销专区</span>
		                </a>
		            </li>
				</div>
				<!--促销列表-->
				<div class="promotion_list" id="cuxiao">
					<div class="mui-scroll">
					<ul class="mui-table-view mui-grid-view cuxiao">
				        <!--<li class="mui-table-view-cell mui-media">
				            <a href="#">
				                <img class="mui-media-object" src="images/prc1.png">
				                <h3><b>九阳压榨机</b><span>￥890</span></h3>
				                <div style="clear:both;"></div>
				                <div class="mui-ellipsis-2 mr10">幸福就是可以一起睡觉</div>
				            </a>
				        </li>-->
				    </ul> 
				    </div>
				</div>
			</div>
			<!--全部商品-->
			<div class="product">
				<!--全部商品标题-->
				<div class="tuijian_title">
					<li class="mui-table-view-cell">
						<a>	
		                    <span class="shuxian2"></span>
		                    <span class="mui-pull-left">全部商品</span>
		                </a>
		            </li>
				</div>
				<!--全部商品列表-->
				<div class="promotion_list" id="pullrefresh">
					<div class="mui-scroll">
						<ul class="mui-table-view mui-grid-view products">
						<!--<ul class="mui-table-view mui-grid-view">
							<li class="mui-table-view-cell mui-media">
					            <a>
					                <img class="mui-media-object" src="images/prc1.png">
					                <h3><b>九阳压榨机</b><span>￥890</span></h3>
					                <div style="clear:both;"></div>
					                <div class="mui-ellipsis-2 mr10">幸福就是可以一起睡觉</div>
					            </a>
					        </li>
					    </ul> -->
					    </ul>
				    </div>
				</div>
			</div>
		</div>
		<script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			var slider = mui("#slider");
					slider.slider({
						interval: 2000
					});
		</script>
		<script src="../js/arttmpl.js"></script>
		<script src="../lang/index.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/config.js"></script>
		<script src="../js/common.js"></script>
		<script src="../js/sockjs.js"></script>
		<script src="../js/md5.min.js"></script>
		<script src="../js/mui.pullToRefresh.js"></script>
		<script src="../js/mui.pullToRefresh.material.js"></script>
		<script src="../js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/index_m.js"></script>
		<script type="text/javascript" src="js/tuijian1.js"></script>
		<script type="text/javascript" src="js/cuxiao_m.js"></script>
		<script type="text/javascript" src="js/products_list.js"></script>
	</body>
</html>